.restrictRecord {
  // background: #fff;
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 4px;
  // border: 2px solid blue;
  height: 100%;

  .mainContainer {
    .record {
      margin-top: 20px;
      //    border: 2px solid gold;
      .addTimeBtn {
        color: #007aff;
        cursor: pointer;
      }
    }
  }
}

.toothBox {
  padding: 12px;
  background: #fff;
  //  border: 2px solid red;
  margin-top: 16px;
}

::v-deep {
  .top-datepicker {
    width: 95px;
    height: 30px;
    margin-left: -1px;
    text-align: center;
    border-right: 1px solid #c8d0e2;
    border-left: 1px solid #c8d0e2;

    input.el-input__inner {
      padding: 0;
      height: 30px;
      border: none;
      border-radius: 0;
      text-align: center;
      color: #333;
    }

    .el-input__prefix,
    .el-input__suffix {
      display: none;
    }
  }
}

.date-quick {
  width: 138px;
  display: flex;
  align-items: center;
  vertical-align: bottom;
  border: 1px solid #c8d0e2;
  background: #fff;
  border-radius: 4px;
}

.refresh {
  width: 32px;
  padding: 8px;
  background: #155ef3;
  border-radius: 4px;
  cursor: pointer;
}

.picker-before,
.picker-after {
  width: 26px;
  height: 30px;
  opacity: 1;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #7d869d;
  background: rgb(22 93 255 / 10%);

  &.disabled {
    cursor: not-allowed;
  }
}

.picker-after {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}

.table_content_box {
  //   width: 1104px;
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-top: none;
  // overflow-x: scroll;
}

.table_content {
  // width: 1550px;
  width: 100%;
  // height: calc(-570px + 96vh);

  // overflow-y: scroll;
  .nodata {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    // height: 100%;
    min-height: 62px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
  }

  .inputBox {
    border: none;
    background-color: rgba($color: #000, $alpha: 0%);
    outline: none;
    width: 100%;
    text-align: center;
  }

  border-top: 1px solid #e7e7e7;

  ::-webkit-scrollbar {
    width: 0;
  }

  .table_heard {
    background: #f7f7f7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;

    .row {
      display: flex;

      .cell {
        width: 300px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        flex: 1;
        min-height: 35px;
        padding: 6px 10px;
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        font-weight: bold;
        color: #909399;

        &:last-child {
          border-right: none;
        }
      }

      .flex-2 {
        flex: 2;
      }

      .flex-3 {
        flex: 3;
      }

      .flex-8 {
        flex: 8;
      }
    }
  }

  .table_body {
    // height: 600px;
    // overflow: auto;
    // height: calc(-570px + 96vh);
    // max-height: 320px;
    // height: 550px;
    overflow-y: scroll;
    // border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;

    .grayBg {
      background: #f7f7f7;
    }

    .row {
      display: flex;
      height: 40px;

      .cell {
        width: 227px;
        display: flex;
        flex: 1;
        min-height: 35px;
        padding: 6px 10px;
        justify-content: center;
        text-align: center;
        align-items: center;
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;

        &:last-child {
          border-right: none;
        }

        input::placeholder {
          color: #c0c4cc;
        }
      }

      .flex-2 {
        flex: 2;
      }

      .flex-3 {
        flex: 3;
      }

      .flex-8 {
        flex: 8;
      }
    }
  }
}

.cell-date {
  width: 150px;

  ::v-deep {
    .el-input__inner {
      padding: 0;
      text-align: center;
      border: none;
    }

    .el-input__prefix {
      display: none;
    }

    .el-input__suffix {
      display: none;
    }
  }
}

.cell-select {
  // width: 120px;

  ::v-deep {
    .el-input {
      .el-input__inner {
        padding-right: 15px;
        text-align: center;
        border: none;
        height: 39px !important;
      }
    }

    .el-select .el-input .el-select__caret {
      font-size: 0;
    }

    // .el-select .el-select--small {
    //   height: 40px;
    // }
  }

  ::v-deep {
    .el-select__tags {
      flex-wrap: wrap;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 100% !important;
    }

    .el-select .el-tag__close {
      display: none;
    }

    /* 如果需要保留关闭按钮但是要去掉默认样式，可以调整其样式 */
    .el-select .el-tag {
      /* 自定义标签样式 */
      font-size: 13px;
      background-color: #fff;
      border: none;
      // width: 170px;
      margin: 2px;
      padding: 0;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      color: #000;
    }
  }
}

.botTab {
  margin-top: 24px;

  // box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);
}
